<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="lib/vue.js"></script>
</head>
<body>
<div id="root" >
  <div v-for="item in goodsList" :key="item.id">
    <p>上架时间：{{item.addTime | date | slice | currency}}</p>
    <hr/>
  </div>
</div>
</body>
<script>
  new Vue({
    el:"#root",
    data:{
      goodsList:[
        {
          id:1,
          goodsName:"梨",
          goodsPrice:34.567,
          addTime:Date.now()-999999999999
        },
        {
          id:2,
          goodsName:"桃子",
          goodsPrice:78.99899,
          addTime:Date.now()-88888888888
        }
      ]
    },

    filters:{
      currency(v,type="￥",len=2){
        return type+(v/1).toFixed(len);
      },
      slice(v){
        return v.slice(0,4);
      },
      date(v){
        const time = new Date(v);
        return time.getFullYear()+"-"+
                (time.getMonth()+1).toString().padStart(2,0)+"-"+
                time.getDate().toString().padStart(2,0)+" "+
                time.getHours().toString().padStart(2,0)+":"+
                time.getMinutes().toString().padStart(2,0)+":"+
                time.getSeconds().toString().padStart(2,0);
      }
    }
  })
</script>
</html>